<template>
  <sweet-line-chart
    :settings="settings"
    :chartData="chartData"
    :width="width"
  ></sweet-line-chart>
</template>
<script>
export default {
  data() {
    return {
      width: '700px',
      settings: {
        dimension: 'data',
        xTitle: 'X轴标题',
        yTitle: 'Y轴标题',
        metrics: ['Email', 'Union Ads'],
        markPoint: true
      },
      chartData: [
        {data: 'Mon', Email:10, 'Union Ads': 5, 'Video Ads': 150, 'Direct': 320, 'Search Engine Search Engine': 820, 'Search Engine2': 600},
        {data: 'Tue', Email:20, 'Union Ads': 15, 'Video Ads': 232, 'Direct': 332, 'Search Engine Search Engine': 932, 'Search Engine2': 600},
        {data: 'Wed', Email:30, 'Union Ads': 25, 'Video Ads': 201, 'Direct': 301, 'Search Engine Search Engine': 901, 'Search Engine2': 600},
        {data: 'Thu', Email:40, 'Union Ads': 35, 'Video Ads': 154, 'Direct': 334, 'Search Engine Search Engine': 934, 'Search Engine2': 600},
        {data: 'Fri', Email:50, 'Union Ads': 45, 'Video Ads': 190, 'Direct': 390, 'Search Engine Search Engine': 1290, 'Search Engine2': 600},
        {data: 'Sat', Email:60, 'Union Ads': 55, 'Video Ads': 330, 'Direct': 330, 'Search Engine Search Engine': 1330, 'Search Engine2': 600},
        {data: 'Sun', Email:70, 'Union Ads': 65, 'Video Ads': 410, 'Direct': 320, 'Search Engine Search Engine': 1320, 'Search Engine2': 600}
      ]
    }
  }
};
</script>
